<script setup lang="ts">
/**
 * @description 在 ListCell 中使用的 Link 组件，通常配合一个 Selector Modal 使用，点击 ListLink 时弹出一个 Modal 选择值后在 ListLink 中显示。
 *
 * @property value - ListLink 中显示的值，若为空则显示 placeholder。
 * @property placeholder - ListLink 中值为空时显示的 placeholder。
 */
const props = defineProps<{
  value?: string
  placeholder: string
}>()
</script>

<template>
  <view class="h-116rpx flex items-center">
    <view v-if="props.value" class="text-30rpx text-#333333 leading-42rpx">
      {{ props.value }}
    </view>
    <view v-else class="text-30rpx text-#919191 leading-42rpx">
      {{ props.placeholder }}
    </view>
    <image class="ml-12rpx h-25rpx w-14rpx" src="@/static/images/cheveron-right.png" />
  </view>
</template>
